<!DOCTYPE html>
<html>

<head>
	<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="Author" content="Zabbix SIA" />
	<title>网络拓扑图</title>
	<link rel="icon" href="favicon.ico">
	<link rel="apple-touch-icon-precomposed" sizes="76x76"
		href="http://172.25.62.10/assets/img/apple-touch-icon-76x76-precomposed.png">
	<link rel="apple-touch-icon-precomposed" sizes="120x120"
		href="http://172.25.62.10/assets/img/apple-touch-icon-120x120-precomposed.png">
	<link rel="apple-touch-icon-precomposed" sizes="152x152"
		href="http://172.25.62.10/assets/img/apple-touch-icon-152x152-precomposed.png">
	<link rel="apple-touch-icon-precomposed" sizes="180x180"
		href="http://172.25.62.10/assets/img/apple-touch-icon-180x180-precomposed.png">
	<link rel="icon" sizes="192x192" href="http://172.25.62.10/assets/img/touch-icon-192x192.png">
	<meta name="csrf-token" content="b829133576d92f90" />
	<meta name="msapplication-TileImage" content="http://172.25.62.10/assets/img/ms-tile-144x144.png">
	<meta name="msapplication-TileColor" content="#d40000">
	<meta name="msapplication-config" content="none" />
	<link rel="stylesheet" type="text/css" href="http://172.25.62.10/assets/styles/blue-theme.css?1613985556" />
	<style type="text/css">
		.na-bg,
		.na-bg input[type="radio"]:checked+label,
		.na-bg:before,
		.flh-na-bg,
		.status-na-bg,
		.status-na-bg:before {
			background-color: #97AAB3
		}

		.info-bg,
		.info-bg input[type="radio"]:checked+label,
		.info-bg:before,
		.flh-info-bg,
		.status-info-bg,
		.status-info-bg:before {
			background-color: #7499FF
		}

		.warning-bg,
		.warning-bg input[type="radio"]:checked+label,
		.warning-bg:before,
		.flh-warning-bg,
		.status-warning-bg,
		.status-warning-bg:before {
			background-color: #FFC859
		}

		.average-bg,
		.average-bg input[type="radio"]:checked+label,
		.average-bg:before,
		.flh-average-bg,
		.status-average-bg,
		.status-average-bg:before {
			background-color: #FFA059
		}

		.high-bg,
		.high-bg input[type="radio"]:checked+label,
		.high-bg:before,
		.flh-high-bg,
		.status-high-bg,
		.status-high-bg:before {
			background-color: #E97659
		}

		.disaster-bg,
		.disaster-bg input[type="radio"]:checked+label,
		.disaster-bg:before,
		.flh-disaster-bg,
		.status-disaster-bg,
		.status-disaster-bg:before {
			background-color: #E45959
		}

		/* g[class=map-background] {
    fill: rgba(200, 220, 200,1);
} */
		/* div[class=sysmap-scroll-container],div[class=table-forms-container]{
	background-color: rgba(100,100,100,0.5);
	border: 0;
} */
	</style>
	<script>var PHP_TZ_OFFSET = 28800, PHP_ZBX_FULL_DATE_TIME = "Y-m-d H:i:s";</script>
	<script src="http://172.25.62.10/js/browsers.js"></script>
	<script src="jsLoader.php?lang=zh_CN&ver=5.2.5&showGuiMessaging=1"></script>
	<script
		src="jsLoader.php?ver=5.2.5&lang=zh_CN&files%5B0%5D=gtlc.js&files%5B1%5D=flickerfreescreen.js&files%5B2%5D=class.svg.canvas.js&files%5B3%5D=class.svg.map.js&files%5B4%5D=layout.mode.js&files%5B5%5D=servercheck.js"></script>
</head>

<body lang="zh" style="background-color: rgba(255,255,255,0);">
	<!-- <aside class="sidebar is-compact"><div class="sidebar-header"><a class="logo" href="zabbix.php?action=dashboard.view"><div class="zabbix-sidebar-logo sidebar-logo"></div><div class="zabbix-sidebar-logo-compact sidebar-logo-compact"></div></a><div class="sidebar-header-buttons"><button type="button" class="button-compact js-sidebar-mode" title="Collapse sidebar">Collapse sidebar</button><button type="button" class="button-expand js-sidebar-mode" title="Expand sidebar">Expand sidebar</button><button type="button" class="button-hide js-sidebar-mode" title="Hide sidebar">Hide sidebar</button><button type="button" class="button-show js-sidebar-mode" title="Show sidebar">Show sidebar</button></div></div><form method="get" action="zabbix.php" accept-charset="utf-8" class="form-search" role="search"><input type="hidden" name="action" value="search"><input type="text" id="search" name="search" value="" maxlength="255" class="search" aria-label="在此输入搜索" autocomplete="off"><button type="submit" class="search-icon" title="搜索" disabled=""></button></form><div class="sidebar-nav scrollable" tabindex="-1"><nav class="nav-main" role="navigation" aria-label="主导航栏"><ul class="menu-main"><li id="view" class="has-submenu is-selected"><a class="icon-monitoring" href="#">监测</a><ul class="submenu"><li><a href="zabbix.php?action=dashboard.view">仪表板</a></li><li><a href="zabbix.php?action=problem.view">问题</a></li><li><a href="zabbix.php?action=host.view">主机</a></li><li><a href="overview.php">概览</a></li><li><a href="zabbix.php?action=latest.view">最新数据</a></li><li><a href="screens.php">聚合图形</a></li><li class="is-selected"><a href="zabbix.php?action=map.view">拓扑图</a></li><li><a href="zabbix.php?action=discovery.view">自动发现</a></li><li><a href="srv_status.php">服务</a></li></ul></li><li id="cm" class="has-submenu"><a class="icon-inventory" href="#">资产记录</a><ul class="submenu"><li><a href="hostinventoriesoverview.php">概览</a></li><li><a href="hostinventories.php">主机</a></li></ul></li><li id="reports" class="has-submenu"><a class="icon-reports" href="#">报表</a><ul class="submenu"><li><a href="zabbix.php?action=report.status">系统信息</a></li><li><a href="report2.php">可用性报表</a></li><li><a href="toptriggers.php">触发器 Top 100</a></li><li><a href="zabbix.php?action=auditlog.list">审计</a></li><li><a href="auditacts.php">动作日志</a></li><li><a href="report4.php">警报</a></li></ul></li><li id="config" class="has-submenu"><a class="icon-configuration" href="#">配置</a><ul class="submenu"><li><a href="hostgroups.php">主机群组</a></li><li><a href="templates.php">模板</a></li><li><a href="hosts.php">主机</a></li><li><a href="maintenance.php">维护</a></li><li><a href="actionconf.php">动作</a></li><li><a href="correlation.php">关联项事件</a></li><li><a href="discoveryconf.php">自动发现</a></li><li><a href="services.php">服务</a></li></ul></li><li id="admin" class="has-submenu"><a class="icon-administration" href="#">管理</a><ul class="submenu"><li><a href="zabbix.php?action=gui.edit">一般</a></li><li><a href="zabbix.php?action=proxy.list">agent代理程序</a></li><li><a href="zabbix.php?action=authentication.edit">认证</a></li><li><a href="zabbix.php?action=usergroup.list">用户群组</a></li><li><a href="zabbix.php?action=userrole.list">User roles</a></li><li><a href="zabbix.php?action=user.list">用户</a></li><li><a href="zabbix.php?action=mediatype.list">报警媒介类型</a></li><li><a href="zabbix.php?action=script.list">脚本</a></li><li><a href="queue.php">队列</a></li></ul></li></ul></nav><nav class="nav-user" role="navigation" aria-label="用户菜单"><ul class="menu-user"><li><a class="icon-profile" title="dqkzhx (鑫 赵)" href="zabbix.php?action=userprofile.edit">User settings</a></li><li onclick="ZABBIX.logout()"><a class="icon-signout" title="退出" href="#signout">退出</a></li></ul></nav></div></aside> -->
	<div class="wrapper">
		<script type="text/javascript">
			$(() => {
				$('z-select[name="severity_min"]').on('change', (e) => {
					document.forms['map.view'].submit();
				});
			});
		</script>
		<!-- <header class="header-title"><nav class="sidebar-nav-toggle" role="navigation" aria-label="Sidebar control"><button type="button" id="sidebar-button-toggle" class="button-toggle" title="Show sidebar">Show sidebar</button></nav><div><h1 id="page-title-general">拓扑图</h1></div><div class="header-controls"><ul><li><form method="get" action="zabbix.php" accept-charset="utf-8" name="map.view" aria-label="主过滤器"><input type="hidden" id="action" name="action" value="map.view"><input type="hidden" id="sysmapid" name="sysmapid" value="3"><ul><li><label for="label-severity-min">最小的严重级别</label><div class="form-input-margin"></div><z-select focusable-element-id="label-severity-min" value="3" name="severity_min" data-options="[{&quot;value&quot;:0,&quot;label&quot;:&quot;\u672a\u5206\u7c7b&quot;},{&quot;value&quot;:1,&quot;label&quot;:&quot;\u4fe1\u606f&quot;},{&quot;value&quot;:2,&quot;label&quot;:&quot;\u8b66\u544a&quot;},{&quot;value&quot;:3,&quot;label&quot;:&quot;\u4e00\u822c\u4e25\u91cd (\u9ed8\u8ba4\u7684)&quot;},{&quot;value&quot;:4,&quot;label&quot;:&quot;\u4e25\u91cd&quot;},{&quot;value&quot;:5,&quot;label&quot;:&quot;\u707e\u96be&quot;}]" tabindex="-1"></z-select></li></ul></form></li><li><nav aria-label="内容控制"><ul><li><button type="button" data-url="sysmap.php?sysmapid=3">编辑拓扑图</button></li><li><button type="button" class="btn-add-fav" title="添加到常用" onclick="add2favorites(&quot;sysmapid&quot;, &quot;3&quot;);" id="addrm_fav">&nbsp;</button></li><li><button type="button" title="Kiosk 模式" data-layout-mode="1" class="layout-mode btn-kiosk">&nbsp;</button></li></ul></nav></li></ul></div></header> -->
		<main>
			<!--
	<div class="header-navigation"><ul><li><ul class="breadcrumbs" role="navigation" aria-label="阶"><li><span><a href="javascript:;">所有地图</a></span></li><li><span class="selected"><a href="javascript:;">东曲矿网络拓扑</a></span></li></ul></li></ul></div>-->
			<div class="table-forms-container" style="padding: 0; background-color: rgba(255,255,255,0);">
				<div class="sysmap-scroll-container">
					<div class="flickerfreescreen" id="flickerfreescreen_mapimg" data-timestamp="1615531425">
						<div id="map_3"></div>
					</div>
				</div>
			</div>
		</main><output id="msg-global-footer" class="msg-global-footer msg-warning"></output>
		<script type="text/javascript">
			jQuery(document).ready(function () {
				var mapUrl = 'http://172.25.62.12:8080/zabbix/api/map.php?sysmapid=3&severity_min=3&sid=b829133576d92f90&curtime=1615860048789';
				jQuery.ajax({
					type:'get',
					url:mapUrl,
					success:function(data){
						console.log(data);
						window.flickerfreeScreen.add(
							{ "id": 'mapimg', "interval": 30, "isFlickerfree": true, "mode": 0, "timestamp": 1615541496, "resourcetype": 2, "screenid": null, "groupid": null, "hostid": 0, "pageFile": null, "profileIdx": '', "profileIdx2": null, "timeline": { "profileIdx": '', "profileIdx2": null, "from": 'now-1h', "to": 'now', "from_ts": 1615537896, "to_ts": 1615541496 }, "screenitemid": '3', "data": { "id": '3', "theme": { "graphthemeid": '1', "theme": 'blue-theme', "backgroundcolor": 'FFFFFF', "graphcolor": 'FFFFFF', "gridcolor": 'CCD5D9', "maingridcolor": 'ACBBC2', "gridbordercolor": 'ACBBC2', "textcolor": '1F2C33', "highlightcolor": 'E33734', "leftpercentilecolor": '429E47', "rightpercentilecolor": 'E33734', "nonworktimecolor": 'EBEBEB', "colorpalette": '1A7C11,F63100,2774A4,A54F10,FC6EA3,6C59DC,AC8C14,611F27,F230E0,5CCD18,BB2A02,5A2B57,89ABF8,7EC25C,274482,2B5429,8048B4,FD5434,790E1F,87AC4D,E89DF4' }, "canvas": { "width": '1920', "height": '1080' }, "refresh": 'map.php?sysmapid=3&severity_min=3', "background": '0', "label_location": '0', "elements": data.elements, "links":data.links,"shapes": [{ "sysmap_shapeid": '2', "type": '0', "x": '396', "y": '5', "width": '307', "height": '50', "border_type": '0', "border_width": '2', "border_color": '000000', "text": '东曲矿网络拓扑', "font": '9', "font_size": '30', "font_color": '000000', "text_halign": '0', "text_valign": '0', "background_color": '', "zindex": '0' }], "aria_label": '东曲矿网络拓扑, 处于问题状态的 15 元素的 0, 异常问题总计 0. 主机, 状态 OK, 7510-1. 主机, 状态 OK, 7506. 主机, 状态 OK, S6720. 主机, 状态 OK, S5700. 主机, 状态 OK, wasi-1. 主机, 状态 OK, wasi-2. 主机, 状态 OK, 机电FTP. 主机, 状态 OK, 短号查询. 主机, 状态 OK, 人员定位. 主机, 状态 OK, 双预控服务器. 主机, 状态 OK, 办公楼接入. 主机, 状态 OK, 综合楼核心. 图片, 状态 OK, 集团. 主机, 状态 OK, 182网关. 主机, 状态 OK, wh. ', "timestamp": '2021-03-12 17:31:36', "container": '#map_3' } }
						);
						cookie.init();
						chkbxRange.init();
					}
				});

			});
		</script>
		<script type="text/javascript">
			jQuery(document).ready(function () {


				// the chkbxRange.init() method must be called after the inserted post scripts and initializing cookies
				// cookie.init();
				// chkbxRange.init();
			});
		</script>
		<!--<footer role="contentinfo">东曲矿网络系统拓扑图. &copy; 2021&ndash;2021, <a class="grey link-alt" href="javascript:;">东曲矿网络监测系统</a></footer>-->
	</div>
</body>

</html>